body {
    font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;
}

html, legend {
    color: #404040;
    /*background: #fff;*/
}

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

q:after, q:before {
    content: '';
}

abbr, acronym {
    border: none;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

button, input, select, textarea {
    *font-size: 100%;
    font: 100% Tahoma, Helvetica, Arial, sans-serif;
}

table {
    font: 100%;
}

a {
    color: #6d6d6d;
    text-decoration: none;
}

a:hover {
    /*color: #ff4200;*/
    color: #008ef7;
    text-decoration: underline;
}

/** **************** **/

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
}

@keyframes tips-show {
    from {
        opacity: 0;
        top: 0;
    }

    to {
        opacity: 1;
        top: -10px;
    }
}

@-moz-keyframes tips-show {
    from {
        opacity: 0;
        top: 0;
    }

    to {
        opacity: 1;
        top: -10px;
    }
}

@-webkit-keyframes tips-show {
    from {
        opacity: 0;
        top: 0;
    }

    to {
        opacity: 1;
        top: -10px;
    }
}

@-o-keyframes tips-show {
    from {
        opacity: 0;
        top: 0;
    }

    to {
        opacity: 1;
        top: -10px;
    }
}

.tips {
    line-height: 16px;
    padding: 3px 5px;
    color: #666;
    background-color: #FFF8E7;
    border: 1px solid #D4C9B3;
    border-radius: 3px;
    position: absolute;
}

.tips.show {
    -webkit-animation: tips-show .5s;
       -moz-animation: tips-show .5s;
         -o-animation: tips-show .5s
            animation: tips-show .5s;
}

.tips i {
    display: block;
    width: 12px;
    height: 6px;
    overflow: hidden;
    position: absolute;
    left: 8px;
    bottom: -6px;
    /*background: url(../images/phone-tip.png) no-repeat 0 0*/
}

.tips a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    vertical-align: middle;
    text-indent: -9999em;
    outline: 0;
    /*background: url(../images/stuff.png) no-repeat -325px -367px*/
}

body, html {
    overflow-x: hidden;
    overflow-y: auto;
    /*background-color: #fafafa;*/
    height: 100%
}

.login-box {
    width: 310px;
    overflow: hidden;
    margin: 0 auto;
}

.login-box img {
    padding-top: 2px;
}

.login-box .hd {
    overflow: hidden;
    zoom: 1;
}

.login-box .bd {
    padding: 10px 30px 0;
}

.login-box .hd p {
    padding: 10px 0 0 40px;
    color: gray;
}

.login-box.loading {
    height: 272px;
    background: #fff url(../img/loading.gif) no-repeat 50% 50%;
}

.login-box.loading .bd {
    display: none;
}

.login-box .msg {
    margin-bottom: 5px;
}

.login-box .msg p {
    border: 1px solid #ccc;
    float: none;
    white-space: normal;
    word-wrap: break-word;
}

.login-box .msg p.error {
    background-position: -319px -449px;
    background-color: #fff2f2;
    border-color: #ff8080;
    line-height: 18px;
    padding: 2px 10px 2px 23px;
}

.login-box .field {
    position: relative;
    z-index: 1;
    padding-bottom: 5px;
    vertical-align: middle;
    zoom: 1;
}

.pwd-field {
    z-index: 2;
}

.login-box .field label {
    display: block;
    font-weight: 700;
    padding-bottom: 3px;
    color: #666;
}

.login-box .field-tips {
    margin-left: 92px;
}

.login-box .field-tips .msg {
    margin-left: 0;
    width: 300px;
}

.login-box .field-nolabel {
    margin-left: 92px;
}

.login-box .login-text {
    width: 242px;
    height: 18px;
    line-height: 18px;
    margin-right: 3px;
    padding: 3px;
    border: solid 1px #c8c8c8;
    vertical-align: middle;
}

* + html .login-box .login-text {
    margin-left: -2px;
}

.login-box .field .highlight {
    border: 1px solid #f63;
}

.login-box input.tb-input-hint {
    color: silver;
}

.login-box .forget-pw {
    position: absolute;
    right: 0;
    top: 0;
}

/* 右侧图标 */
.login-box .mobile-num {
    background-color: #fff;
    background-position: 234px -164px;
}

.login-box .checkcode {
    ime-mode: disabled;
    /*width: 48px;*/
    width: 108px;
    margin: 0;
}

.login-box .check-code-img {
    /*width: 150px;*/
    /*height: 40px;*/
    width: 90px;
    height: 36px;
    border: none;
    vertical-align: middle;
    margin: 0
}

.login-box .change-code {
    display: inline-block;
    line-height: 14px;
    margin: 0;
    vertical-align: middle;
    color: #666
}

.login-box .change-code:hover {
    /*color: #F60*/
    color: #008ec7;
}


.login-box .field-checkcode {
    padding-top: 0;
    padding-bottom: 0;
}

.login-box .login-msg p {
    float: none;
    white-space: normal;
    word-wrap: break-word;
}

.login-box .submit {
    padding-top: 5px;
    overflow: hidden;
    zoom: 1
}

.login-box .submit button {
    width: 250px;
    height: 33px;
    border: 0;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    line-height: 31px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    /*background-color: #32a5e7;*/
    background-color: #cc2222;
    cursor: pointer;
    zoom: 1;
}

.login-box .submit button:hover, .login-submit button.hover {
    /*background-color: #2b8cc5;*/
    background-color: #ec0000;
}

.login-box .submit-loading button {
    background-position: -253px -100px;
}

.login-box ul.entries {
    overflow: hidden;
    zoom: 1;
    padding: 2px 0 0;
}

.login-box ul.entries li {
    word-break: keep-all;
    float: left
}

.login-box ul.entries .register {
    float: right
}

.login-box ul.entries a {
    color: gray
}

.login-box ul.entries a:hover {
    color: #f60
    /*color: #008ef7;*/
}

.login-box .code-tip {
    display: block;
    padding: 5px 0 2px 92px
}

.login-box .field .warning-tip {
    display: block;
    padding: 0;
    color: #ff0a0a;
    font-weight: 400;
    line-height: 1.2
}

.popup-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 100002
}

* html .popup-shim {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    left: 0;
    top: 0;
    filter: alpha(opacity=0);
    z-index: 100001
}

.login-box strong {
    font-weight: 700
}

.login-box .mobile-check {
    width: 80px
}

.login-box .field .select-wrap {
    width: 180px;
    height: 24px;
    position: relative;
    border: 1px solid #C8C8C8;
    display: inline-block;
    background: #FFF;
    vertical-align: middle
}

.login-box .field select {
    width: 176px;
    height: 20px;
    left: 2px;
    line-height: 20px;
    outline: medium none;
    position: absolute;
    border: 0 none;
    top: 2px
}

.nickx {
    display: none;
    width: 16px;
    height: 16px;
    /*background: url(../images/c.png) no-repeat 4px -310px;*/
    position: absolute;
    left: 230px;
    top: 26px;
    z-index: 1000;
    cursor: pointer;
    filter: alpha(opacity=70);
    opacity: .7
}

.nickx:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.ph-label {
    position: absolute;
    padding: 0 0 0 6px;
    line-height: 26px;
    height: 26px;
    color: #999;
    opacity: 1;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-out
}

.field-checkcode .ph-label {
    margin-top: 6px
}

.ph-hide .ph-label {
    opacity: 0;
    visibility: hidden
}

.ph-focus .ph-label {
    color: #ccc
}

.hidden {
    /*display: none*/
}

